<template>
	<view class="page">
		<cu-custom bgColor="bg-red" :isBack="true"><block slot="content">我的课程</block></cu-custom>
		<course-panel v-for="course in 2" :key="course"></course-panel>
		<view class="cu-bar bg-white margin-tb-sm">
			<view class="action">
				<text class="cuIcon-titles text-red"></text>
				<text>历史预约</text>
			</view>
		</view>
		<view class="my-course cu-timeline">
			<view class="cu-time">2019-06-17</view>
			<view class="cu-item">
				<course-panel :allShadow="true"></course-panel>
			</view>
			<view class="cu-time">2019-06-16</view>
			<view class="cu-item">
				<course-panel allShadow="true"></course-panel>
			</view>
			<view class="cu-time">2019-06-14</view>
			<view class="cu-item">
				<course-panel allShadow="true"></course-panel>
			</view>
		</view>
	</view>
</template>

<script>
</script>

<style lang="scss">
	.my-course.cu-timeline{
		.cu-time{
			width: 150upx;
		}
		&>.cu-item{
			padding-left: 80upx;
			padding-right: 0;
		}
	}
</style>
